<template>
  <div class="wrap clearfix">
      <div class="top">
        <div class="left">
          <p>订单号： {{item.id}}</p>
          <p style="font-weight: 700">{{item.instructionName}} <span>&yen; <i>{{item.payAmount}}</i></span></p>
        </div>
        <div class="right">{{item.deviceTypeName}}</div>
      </div>
      <div class="middle">
        <p><span>下单时间</span> {{formatDate(new Date(+item.payTime), 'YYYY-MM-DD HH:mm:ss')}}</p>
        <p class="address"><span class="label">地址：</span><span class="text">{{item.address}}</span></p>
      </div>
      <div class="bottom">
                 <span class="warp">
                 <span class="value">{{item.wechatNum ? item.wechatNum : '暂无'}}</span>
                 <br>
                 <span>客服微信号</span>
               </span>
        <span class="warp">
                 <span class="value">{{item.agencyPhone ? item.agencyPhone : '暂无'}}</span>
                 <br>
                 <span>手机号</span>
               </span>
        <span class="warp botton">
                     <router-link :to="'/feedback?deviceId=' + item.deviceId + '&deviceTypeName=' + item.deviceTypeName + '&agencyId=' + item.agencyId">
                      <button>反&emsp;馈</button>
                     </router-link>
               </span>
      </div>
    </div>
</template>
<script>
  import formatDate from '../../../utils/transformTime';
  export default {
    props: {
      item: {
        type: Object,
        require: true,
        default: {}
      }
    },

    data () {
      return {
        formatDate: formatDate
      }
    }
  }
</script>
<style>
  .left p i {
    font-size: ;
  }
</style>
